<template>
  <div id="app">
    <!--
    <router-view />
    -->
    <h1>Hello App!</h1>
    <div style="text-align:center;font-size: xx-large;display: flex;flex-direction: column">
      <!--使用 router-link 组件进行导航 -->
      <!--通过传递 `to` 来指定链接 -->
      <!--`<router-link>` 将呈现一个带有正确 `href` 属性的 `<a>` 标签-->
      <router-link to="/m1" v-if="false">M1</router-link>
      <router-link to="/m2" style="margin-top: 20px" v-if="false">展厅大屏</router-link>
      <router-link to="/m3" style="margin-top: 20px">数字工厂</router-link>
      <router-link to="/m4" style="margin-top: 20px">拉头大屏</router-link>
      <router-link to="/main" style="margin-top: 120px;color: black">原模板</router-link><br/>

    </div>
    <!-- 路由出口 -->
    <!-- 路由匹配到的组件将渲染在这里 -->
    <router-view></router-view>

  </div>
</template>

<style lang="scss" scoped>
#app {
  width: 100vw;
  height: 100vh;
  background-color: #020308;
  overflow: hidden;
}
  a{
    color: lightblue;
  }
</style>
